<template>
  <div class="" :style="ministyle" v-if="codeimg"></div>
</template>
<script>
module.exports={
  props:{
    uid:{
      type:[String,Number],
      default:0
    },
    width:{
      type:String,
      default:"3rem"
    },
    height:{
      type:String,
      default:"3rem"
    }
  },
  data(){
    return {
      codeimg:""
    }
  },
  methods:{
    getCodeImg(){
      var _this=this
      myjs.getUserAgant(function(ag){
        if (ag=='miniprogram') {
          _this.get_minicode()
        }else{
          _this.get_qrcode()
        }
      })
    },
    get_minicode(){
      var _this = this
      myjs.get_minicode({uid:_this.uid},function(data){
        _this.codeimg = _this.$store.getters.getDomain+data.data+"?"+Math.random()
      })
    },
    get_qrcode(){
      var _this = this
      myjs.get_qrcode({uid:_this.uid},function(data){
        _this.codeimg = _this.$store.getters.getDomain+data.data+"?"+Math.random()
      })
    },
  },
  watch:{
    uid(n){
      let _this = this
      if (n>0)_this.getCodeImg()
    }
  },
  computed:{
    ministyle(){
      let _this = this
      return {
        display:"block",
        width:_this.width,
        height:_this.height,
        background:"url("+_this.codeimg+") no-repeat",
        backgroundSize:"cover"
      }
    }
  }
}
</script>
<style scoped>

</style>
